<!--<template>-->
<!--  <section>-->

<!--    &lt;!&ndash;工具条：高级查询和添加按钮 &ndash;&gt;-->
<!--    <el-col :span="24" class="toolbar" style="padding-bottom: 0px;">-->
<!--      <el-form :inline="true">-->
<!--        <el-form-item>-->
<!--          <el-input v-model="keyword" placeholder="请输入关键字"></el-input>-->
<!--        </el-form-item>-->
<!--        <el-form-item>-->
<!--          <el-button type="primary" v-on:click="keywordQuery">查询</el-button>-->
<!--        </el-form-item>-->
<!--        <el-form-item>-->
<!--          <el-button type="primary" @click="handleAdd">新增</el-button>-->
<!--        </el-form-item>-->
<!--        <el-form-item>-->
<!--          <el-button type="success" @click="onsale">上架</el-button>-->
<!--        </el-form-item>-->
<!--        <el-form-item>-->
<!--          <el-button type="warning" @click="offsale">下架</el-button>-->
<!--        </el-form-item>-->
<!--      </el-form>-->
<!--    </el-col>-->

<!--    &lt;!&ndash;列表展示&ndash;&gt;-->
<!--    &lt;!&ndash;-->
<!--      :data="products" - 绑定数据-->
<!--      highlight-current-row - 当前行高亮-->
<!--      v-loading="listLoading" - 加载框=盲等框-->
<!--      @selection-change="selsChange" - 选中改变的时候触发-->
<!--      sortable - 是否排序-->
<!--    &ndash;&gt;-->
<!--    <el-table :data="products" highlight-current-row v-loading="listLoading" @selection-change="selsChange" style="width: 100%;">-->
<!--      <el-table-column type="selection" width="55">-->
<!--      </el-table-column>-->
<!--      <el-table-column type="index" width="60">-->
<!--      </el-table-column>-->
<!--      <el-table-column prop="name" label="服务名称" width="200">-->
<!--      </el-table-column>-->
<!--      <el-table-column label="资源" width="80" sortable>-->
<!--        <template scope="scope">-->
<!--          <img :src="imgPrefix+scope.row.resources" width="50px">-->
<!--        </template>-->
<!--      </el-table-column>-->
<!--      <el-table-column prop="costprice" label="成本价" width="120">-->
<!--      </el-table-column>-->
<!--      <el-table-column prop="saleprice" label="市场价" width="120">-->
<!--      </el-table-column>-->
<!--      <el-table-column prop="salecount" label="销售数量" width="120">-->
<!--      </el-table-column>-->
<!--&lt;!&ndash;      <el-table-column prop="productType.name" label="类型" width="100">&ndash;&gt;-->
<!--&lt;!&ndash;      </el-table-column>&ndash;&gt;-->
<!--      <el-table-column prop="state" label="状态" width="120" sortable>-->
<!--        <template scope="scope">-->
<!--          <span v-if="scope.row.state==1" style="color: green">上架</span>-->
<!--          <span v-else style="color: red">下架</span>-->
<!--        </template>-->
<!--      </el-table-column>-->
<!--      &lt;!&ndash;<el-table-column prop="onsaletime" label="上架时间" width="100">-->
<!--      </el-table-column>-->
<!--      <el-table-column prop="offsaletime" label="下架时间" width="100">-->
<!--      </el-table-column>-->
<!--      <el-table-column prop="createtime" label="创建时间" width="100">-->
<!--      </el-table-column>&ndash;&gt;-->
<!--&lt;!&ndash;      <el-table-column prop="shop.name" label="所属店铺" width="100">&ndash;&gt;-->
<!--&lt;!&ndash;      </el-table-column>&ndash;&gt;-->
<!--&lt;!&ndash;      <el-table-column prop="user.username" label="领养人" width="100">&ndash;&gt;-->
<!--&lt;!&ndash;      </el-table-column>&ndash;&gt;-->
<!--&lt;!&ndash;      <el-table-column prop="searchMasterMsgId" label="服务来源" width="120">&ndash;&gt;-->
<!--&lt;!&ndash;        <template scope="scope">&ndash;&gt;-->
<!--&lt;!&ndash;          <span v-if="scope.row.searchMasterMsgId" style="color: green">来自寻主消息</span>&ndash;&gt;-->
<!--&lt;!&ndash;          <span v-else style="color: red">来自店铺饲养</span>&ndash;&gt;-->
<!--&lt;!&ndash;        </template>&ndash;&gt;-->
<!--&lt;!&ndash;      </el-table-column>&ndash;&gt;-->
<!--      <el-table-column label="操作">-->
<!--        <template scope="scope">-->
<!--          <el-button size="small" @click="handleEdit(scope.$index, scope.row)">编辑</el-button>-->
<!--          <el-button type="danger" size="small" @click="handleDel(scope.$index, scope.row)">删除</el-button>-->
<!--        </template>-->
<!--      </el-table-column>-->
<!--    </el-table>-->

<!--    &lt;!&ndash;工具条：批量删除和分页栏&ndash;&gt;-->
<!--    <el-col :span="24" class="toolbar">-->
<!--      <el-button type="danger" @click="batchRemove" :disabled="this.sels.length===0">批量删除</el-button>-->
<!--      <el-pagination layout="prev, pager, next" @current-change="handleCurrentChange"-->
<!--                     :current-page="currentPage" :page-size="pageSize" :total="totals" style="float:right;">-->
<!--      </el-pagination>-->
<!--    </el-col>-->

<!--    &lt;!&ndash;添加或修改的对话框&ndash;&gt;-->
<!--    &lt;!&ndash;-->
<!--      :title="title"  - 标题-->
<!--      :visible.sync="saveFormVisible" - 是否显示对画框 - 默认不显示-->
<!--      :close-on-click-modal="false" - 在对话框外面点击不关闭-->

<!--      :model="saveForm"  -  绑定表单-->
<!--      label-width="80px" - -->
<!--      :rules="saveFormRules" - 表单的验证规则-->
<!--      ref="saveForm" - 为当前对话框取名 - 方便验证表单-->
<!--      auto-complete="off" - 自动完成-->
<!--    &ndash;&gt;-->
<!--    <el-dialog :title="title" :visible.sync="saveFormVisible" :close-on-click-modal="false" width="80%">-->
<!--      <el-form :model="saveForm" label-width="100px" :rules="saveFormRules" ref="saveForm">-->
<!--        <el-form-item label="服务名称" prop="name">-->
<!--          <el-input v-model="saveForm.name" auto-complete="off"></el-input>-->
<!--        </el-form-item>-->
<!--        <el-form-item label="成本价">-->
<!--          <el-input v-model="saveForm.costprice" auto-complete="off"></el-input>-->
<!--        </el-form-item>-->
<!--        <el-form-item label="市场价">-->
<!--          <el-input v-model="saveForm.saleprice" auto-complete="off"></el-input>-->
<!--        </el-form-item>-->
<!--&lt;!&ndash;        <el-form-item label="服务类型">&ndash;&gt;-->
<!--&lt;!&ndash;          <el-cascader v-model="saveForm.typeId"&ndash;&gt;-->
<!--&lt;!&ndash;                       :options="productTyproductree"&ndash;&gt;-->
<!--&lt;!&ndash;                       :props="{ checkStrictly: true,label:'name',value:'id' }"&ndash;&gt;-->
<!--&lt;!&ndash;                       clearable></el-cascader>&ndash;&gt;-->
<!--&lt;!&ndash;        </el-form-item>&ndash;&gt;-->
<!--        <el-form-item label="服务图片">-->
<!--          <el-upload class="upload-demo"-->
<!--                     action="http://localhost:8080/fastDfs/"-->
<!--                     :on-remove="handleRemove"-->
<!--                     :on-success="handleSuccess"-->
<!--                     :file-list="fileList"-->
<!--                     list-type="picture">-->
<!--            <el-button size="small" type="primary">点击上传</el-button>-->
<!--            <div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div>-->
<!--          </el-upload>-->
<!--          &lt;!&ndash;<el-input v-model="saveForm.resources" auto-complete="off"></el-input>&ndash;&gt;-->
<!--        </el-form-item>-->
<!--        <el-form-item label="服务状态">-->
<!--          <el-radio-group v-model="saveForm.state">-->
<!--            <el-radio class="radio" :label="1">上架</el-radio>-->
<!--            <el-radio class="radio" :label="0">下架</el-radio>-->
<!--          </el-radio-group>-->
<!--        </el-form-item>-->
<!--&lt;!&ndash;        <el-form-item label="所属店铺">&ndash;&gt;-->
<!--&lt;!&ndash;          <el-select v-model="saveForm.shopId" clearable placeholder="请选择">&ndash;&gt;-->
<!--&lt;!&ndash;            <el-option v-for="item in shops"&ndash;&gt;-->
<!--&lt;!&ndash;                       :label="item.name"&ndash;&gt;-->
<!--&lt;!&ndash;                       :value="item.id">&ndash;&gt;-->
<!--&lt;!&ndash;            </el-option>&ndash;&gt;-->
<!--&lt;!&ndash;          </el-select>&ndash;&gt;-->
<!--&lt;!&ndash;        </el-form-item>&ndash;&gt;-->
<!--        <el-form-item label="简介" prop="intro">-->
<!--          <quill-editor v-model="saveForm.productDetail.intro"  v-if="saveForm.productDetail" :options="quillOption">-->
<!--          </quill-editor>-->
<!--        </el-form-item>-->
<!--        <el-form-item label="服务须知" prop="orderNotice" >-->
<!--          <quill-editor v-model="saveForm.productDetail.adoptNotice"  v-if="saveForm.productDetail" :options="quillOption">-->
<!--          </quill-editor>-->
<!--        </el-form-item>-->
<!--      </el-form>-->
<!--      <div slot="footer" class="dialog-footer">-->
<!--        <el-button @click.native="saveFormVisible = false">取消</el-button>-->
<!--        <el-button type="primary" @click.native="saveSubmit" :loading="saveLoading">提交</el-button>-->
<!--      </div>-->
<!--    </el-dialog>-->

<!--  </section>-->
<!--</template>-->

<!--<script>-->
<!--import { quillEditor } from "vue-quill-editor"; //调用编辑器-->
<!--import 'quill/dist/quill.core.css';-->
<!--import 'quill/dist/quill.snow.css';-->
<!--import 'quill/dist/quill.bubble.css';-->
<!--import quillConfig from '../../common/js/quill-config';-->

<!--export default {-->
<!--  components: {-->
<!--    quillEditor-->
<!--  },-->
<!--  //定义模型数据-->
<!--  data() {-->
<!--    return {-->
<!--      quillOption: quillConfig,-->

<!--      //1.数据列表相关的模型数据-->
<!--      products: [],      //列表数据-->
<!--      listLoading: false,   //加载框 - 默认不显示-->

<!--      //2.分页查询数据-->
<!--      totals: 0,-->
<!--      currentPage: 1,-->
<!--      pageSize: 5,-->

<!--      //3.高级查询-->
<!--      keyword: '',-->

<!--      //4.批量删除-->
<!--      sels: [],//列表选中列-->

<!--      //5.添加或修改-->
<!--      title:'',//标题-->
<!--      saveFormVisible: false,//添加和修改对话框是否显示-->
<!--      saveLoading: false,  //保存的忙等框 - 在提交按钮上-->
<!--      saveFormRules: {     //表单项验证规则-->
<!--        name: [-->
<!--          { required: true, message: '请输入服务名称', trigger: 'blur' }-->
<!--        ]-->
<!--      },-->
<!--      //对话框数据：建议字符串用''，id用null-->
<!--      saveForm: {-->
<!--        id: null,-->
<!--        name: '',-->
<!--        costprice: 0,-->
<!--        saleprice: 0,-->
<!--        typeId: null,-->
<!--        resources: '',-->
<!--        state: 0, //默认下架 - 前台看不见这个服务 - 审核之后才能上架-->
<!--        shopId: null,-->
<!--        productDetail:{  //与后端实体类一致-->
<!--          intro: '',-->
<!--          adoptNotice: ''-->
<!--        }-->
<!--      },-->
<!--      //所属店铺-->
<!--      shops:[],-->
<!--      //服务类型树-->
<!--      productTyproductree:[],-->
<!--      //显示图片的集合数据-->
<!--      fileList:[],-->

<!--      //列表显示图片的前缀-->
<!--      imgPrefix: "http://123.207.27.208",-->
<!--    }-->
<!--  },-->

<!--  //定义方法-->
<!--  methods: {-->
<!--    //1.获取服务列表-->
<!--    getProducts() {-->
<!--      //参数-->
<!--      let para = {-->
<!--        "currentPage": this.currentPage,-->
<!--        "pageSize": this.pageSize,-->
<!--        "keyword": this.keyword-->
<!--      };-->
<!--      //显示盲等框-->
<!--      this.listLoading = true;-->
<!--      this.$http.post("/product",para).then(res=>{-->
<!--        //关闭盲等框-->
<!--        this.listLoading = false;-->
<!--        //显示分页数据-->
<!--        this.products = res.data.data;-->
<!--        //计算分页栏-->
<!--        this.totals = res.data.totals;-->
<!--      }).catch(res=>{-->
<!--        this.$message.error('系统繁忙，请稍后再试!!!');-->
<!--      })-->
<!--    },-->

<!--    //2.点击当前页的逻辑-->
<!--    handleCurrentChange(val) {-->
<!--      this.currentPage = val;-->
<!--      this.getProducts();-->
<!--    },-->

<!--    //3.高级查询-->
<!--    keywordQuery(){-->
<!--      //将当前页置为1，然后重新查询-->
<!--      this.currentPage = 1;-->
<!--      this.getProducts();-->
<!--    },-->

<!--    //4.删除功能-->
<!--    handleDel: function (index, row) {-->
<!--      this.$confirm('确认删除该记录吗?', '提示', { //确认框-->
<!--        type: 'warning'-->
<!--      }).then(() => {//点击确定的时候-->
<!--        this.listLoading = true;-->
<!--        this.$http.delete("/product/"+row.id).then(res=>{-->
<!--          this.listLoading = false;//关闭忙等框-->
<!--          if(res.data.success){ //成功-->
<!--            this.$message.success("删除成功");-->
<!--            //对当前页的处理-->
<!--            let totalPage = Math.ceil(this.totals/this.pageSize);//算出总页数-->
<!--            //如果当前页是最后一页                        并且是最后一条数据             并且不是第一页-->
<!--            if(this.currentPage==totalPage && (this.totals-1)%this.pageSize==0 && this.currentPage!=1){-->
<!--              this.currentPage = this.currentPage-1;-->
<!--            }-->
<!--            this.getProducts();-->
<!--          }else{-->
<!--            this.$message.error("网络繁忙，请稍后重试!!!【500】")-->
<!--          }-->
<!--        }).catch(res=>{-->
<!--          this.$message.error("网络繁忙，请稍后重试!!!【400,404】")-->
<!--        })-->
<!--      }).catch(() => { //点击取消的时候-->
<!--      });-->
<!--    },-->

<!--    //5.选项改变时触发-->
<!--    selsChange: function (sels) {-->
<!--      console.log(sels);-->
<!--      this.sels = sels;-->
<!--    },-->

<!--    //6.批量删除-->
<!--    batchRemove: function () {-->
<!--      var ids = this.sels.map(item => item.id);//[1,2,3]-->
<!--      this.$confirm('确认删除选中记录吗？', '提示', {-->
<!--        type: 'warning'-->
<!--      }).then(() => {-->
<!--        this.listLoading = true;-->
<!--        this.$http.patch("/product",ids).then(res=>{-->
<!--          //关闭忙等框-->
<!--          this.listLoading = false;-->
<!--          if(res.data.success){-->
<!--            //弹出成功信息-->
<!--            this.$message.success("删除成功");-->
<!--            this.currentPage = 1;-->
<!--            //重新获取新的数据-->
<!--            this.getProducts();-->
<!--          }else{-->
<!--            this.$message.error("网络繁忙，请稍后重试!!!【500】")-->
<!--          }-->
<!--        }).catch(res => {-->
<!--          this.$message.error("网络繁忙，请稍后重试!!!【400,404】")-->
<!--        })-->
<!--      }).catch(() => {-->
<!--      });-->
<!--    },-->

<!--    //7.点击添加按钮显示对话框-->
<!--    handleAdd: function () {-->
<!--      //重置表单-->
<!--      this.saveForm = {-->
<!--        id: null,-->
<!--        name: '',-->
<!--        costprice: 0,-->
<!--        saleprice: 0,-->
<!--        typeId: null,-->
<!--        resources: '',-->
<!--        state: 0, //默认下架 - 前台看不见这个服务 - 审核之后才能上架-->
<!--        shopId: null,-->
<!--        productDetail:{-->
<!--          intro: '',-->
<!--          adoptNotice: ''-->
<!--        }-->
<!--      };-->
<!--      this.title = "添加";-->
<!--      //加载所有店铺 - 方便选择服务的所属店铺-->
<!--      this.getShops();-->
<!--      this.getProductTyproductree();-->

<!--      //清空fileList的数据-->
<!--      this.fileList = [];-->
<!--      //显示对话框-->
<!--      this.saveFormVisible = true;-->
<!--    },-->

<!--    //8.点击修改按钮显示对话框-->
<!--    handleEdit: function (index, row) {-->
<!--      //回显数据：避免以前的数据发生改变-->
<!--      this.saveForm = Object.assign({}, row);-->
<!--      this.title = "修改";-->
<!--      //加载所有店铺 - 方便选择服务的所属店铺-->
<!--      this.getShops();-->
<!--      this.getProductTyproductree();-->

<!--      //处理fileList - 点击修改能够回显图片-->
<!--      this.fileList = []; //先清空 - 这个fileList做了绑定，以前是有值【先清空，再添加最新的数据】-->
<!--      if(this.saveForm.resources){-->
<!--        // /group1/M00/00/0C/CgAIC2KrUU-ARA8EAAH2I5Y672k716.jpg,/group1/M00/00/0C/CgAIC2KrUYaAaR-6AADnxcxs4eA746.jpg-->
<!--        var arr = this.saveForm.resources.split(",");-->
<!--        for(var i = 0;i<arr.length;i++){-->
<!--          var item = arr[i]; ///group1/M00/00/0C/CgAIC2KrUU-ARA8EAAH2I5Y672k716.jpg-->
<!--          this.fileList.push({"url":"http://123.207.27.208" + item});-->
<!--        }-->
<!--      }-->

<!--      //显示对话框-->
<!--      this.saveFormVisible = true;-->
<!--    },-->

<!--    //9.提交添加或修改的数据-->
<!--    saveSubmit: function () {-->
<!--      //所有的对话框中 的 名称为saveForm的对话框  验证上面的表单项验证通过就返回true-->
<!--      this.$refs.saveForm.validate((valid) => { //表单验证-->
<!--        if (valid) {//表单验证通过-->
<!--          this.$confirm('确认提交吗？', '提示', {}).then(() => {-->
<!--            this.saveLoading = true;-->
<!--            let para = Object.assign({}, this.saveForm);-->

<!--            //处理服务类型id-->
<!--            let arr = para.typeId;-->
<!--            if(arr && arr.length==0){-->
<!--              para.typeId = null;-->
<!--            }-->
<!--            if(arr && arr.length>0){ //[1,13]-->
<!--              para.typeId = arr[arr.length-1];-->
<!--            }-->

<!--            this.$http.put("/product",para).then(res=>{-->
<!--              //关闭忙等框-->
<!--              this.saveLoading = false;-->
<!--              //关闭对话框-->
<!--              this.saveFormVisible = false;-->
<!--              if(res.data.success){-->
<!--                //弹出成功信息-->
<!--                this.$message.success("操作成功");-->
<!--                //重新获取新的数据-->
<!--                this.getProducts();-->
<!--              }else{-->
<!--                this.$message.error("网络繁忙，请稍后重试!!!【500】")-->
<!--              }-->
<!--            }).catch(res=>{-->
<!--              this.$message.error("网络繁忙，请稍后重试!!!【400,404】")-->
<!--            })-->
<!--          });-->
<!--        }-->
<!--      });-->
<!--    },-->
<!--    //查询所有的店铺-->
<!--    getShops(){-->
<!--      this.$http.get("/shop").then(res=>{-->
<!--        this.shops = res.data;-->
<!--      })-->
<!--    },-->
<!--    //查询服务类型树-->
<!--    getProductTyproductree(){-->
<!--      this.$http.get("/productType/productTyproductree").then(res=>{-->
<!--        this.productTyproductree = res.data;-->
<!--      })-->
<!--    },-->
<!--    //图片上传成功之后的回调-->
<!--    handleSuccess(response, file, fileList){-->
<!--      //Object { success: true, msg: "操作成功", resultObj: "/group1/M00/00/E4/CgAIC2Lc91yAK-XNAAVL-CQTDAM697.jpg" }-->
<!--      //1.对resources的处理 - 添加到数据库-->
<!--      if(this.saveForm.resources){//有值返回true-->
<!--        this.saveForm.resources = this.saveForm.resources + "," + response.resultObj;-->
<!--      }else{-->
<!--        this.saveForm.resources = response.resultObj;-->
<!--      }-->

<!--      //2.对fileList的处理 - 前端显示图片的-->
<!--      this.fileList = []; //先清空 - 这个fileList做了绑定，以前是有值【先清空，再添加最新的数据】-->
<!--      if(this.saveForm.resources){-->
<!--        // /group1/M00/00/0C/CgAIC2KrUU-ARA8EAAH2I5Y672k716.jpg,/group1/M00/00/0C/CgAIC2KrUYaAaR-6AADnxcxs4eA746.jpg-->
<!--        var arr = this.saveForm.resources.split(",");-->
<!--        for(var i = 0;i<arr.length;i++){-->
<!--          var item = arr[i]; ///group1/M00/00/0C/CgAIC2KrUU-ARA8EAAH2I5Y672k716.jpg-->
<!--          this.fileList.push({"url":"http://123.207.27.208" + item});-->
<!--        }-->
<!--      }-->
<!--    },-->
<!--    handleRemove(file, fileList){-->
<!--      //1.调用删除接口删除图片-->
<!--      //Object { url:"http://123.207.27.208/group1/M00/00/E5/CgAIC2Lc_7qAPinhAAEau2OL7dM844.jpg"}-->
<!--      //console.log(file);-->
<!--      //http://localhost:8080/fastDfs?path=/group1/M00/00/09/rBEACmKXF8-AUc6KAANsldwx3H4713.jpg-->
<!--      var path = file.url.substring(file.url.indexOf("/group")); //  /group1/M00/00/E5/CgAIC2Lc_7qAPinhAAEau2OL7dM844.jpg-->
<!--      this.$http.delete("/fastDfs?path="+path).then(res=>{-->
<!--        if(res.data.success){-->
<!--          this.$message.success("删除成功")-->
<!--        }else{-->
<!--          this.$message.error("删除失败")-->
<!--        }-->
<!--      })-->

<!--      //2.对resource做处理-->
<!--      // /group1/M00/00/0C/CgAIC2KrUU-ARA8EAAH2I5Y672k716.jpg,/group1/M00/00/E5/CgAIC2Lc_7qAPinhAAEau2OL7dM844.jpg,/group1/M00/00/09/rBEACmKXF8-AUc6KAANsldwx3H4713.jpg-->
<!--      if(this.saveForm.resources){-->
<!--        var arr = this.saveForm.resources.split(",");-->
<!--        for(var i = 0;i<arr.length;i++){-->
<!--          var item = arr[i];-->
<!--          if(path==item){//找到了删除的图片-->
<!--            arr.splice(i,1);//删除指定的图片-->
<!--          }-->
<!--        }-->
<!--        this.saveForm.resources = arr.join(",")-->
<!--      }-->


<!--      //3.对fileList的处理 - 前端显示图片的-->
<!--      this.fileList = []; //先清空 - 这个fileList做了绑定，以前是有值【先清空，再添加最新的数据】-->
<!--      if(this.saveForm.resources){-->
<!--        // /group1/M00/00/0C/CgAIC2KrUU-ARA8EAAH2I5Y672k716.jpg,/group1/M00/00/0C/CgAIC2KrUYaAaR-6AADnxcxs4eA746.jpg-->
<!--        var arr = this.saveForm.resources.split(",");-->
<!--        for(var i = 0;i<arr.length;i++){-->
<!--          var item = arr[i]; ///group1/M00/00/0C/CgAIC2KrUU-ARA8EAAH2I5Y672k716.jpg-->
<!--          this.fileList.push({"url":"http://123.207.27.208" + item});-->
<!--        }-->
<!--      }-->
<!--    },-->

<!--    //上架-->
<!--    onsale() {-->
<!--      var ids = this.sels.map(item => item.id);-->
<!--      //获取选中的行-->
<!--      if (!this.sels || this.sels.length < 1) {-->
<!--        this.$message({message: '老铁，你不选中数据，臣妾上架不了啊....', type: 'error'});-->
<!--        return;-->
<!--      }-->
<!--      this.$confirm('确认上架选中记录吗？', '提示', {-->
<!--        type: 'warning'-->
<!--      }).then(() => {-->
<!--        this.listLoading = true;-->
<!--        this.$http.patch('/product/onsale', ids).then((res) => {-->
<!--          this.listLoading = false;-->
<!--          if (res.data.success) {-->
<!--            this.$message({-->
<!--              message: '上架成功',-->
<!--              type: 'success'-->
<!--            });-->
<!--          } else {-->
<!--            this.$message({-->
<!--              message: res.data.message,-->
<!--              type: 'error'-->
<!--            });-->
<!--          }-->
<!--          this.getProducts();-->
<!--        }).catch(res => {-->
<!--          this.$message({-->
<!--            message: "系统错误，请稍后重试!!!",-->
<!--            type: 'error'-->
<!--          });-->
<!--        })-->
<!--      }).catch(() => {-->
<!--      });-->
<!--    },-->

<!--    //下架-->
<!--    offsale() {-->
<!--      var ids = this.sels.map(item => item.id);-->
<!--      //获取选中的行-->
<!--      if (!this.sels || this.sels.length < 1) {-->
<!--        this.$message({message: '老铁，你不选中数据，臣妾下架不了啊....', type: 'error'});-->
<!--        return;-->
<!--      }-->
<!--      this.$confirm('确认下架选中记录吗？', '提示', {-->
<!--        type: 'warning'-->
<!--      }).then(() => {-->
<!--        this.listLoading = true;-->
<!--        this.$http.patch('/product/offsale', ids).then((res) => {-->
<!--          this.listLoading = false;-->

<!--          if (res.data.success) {-->
<!--            this.$message({-->
<!--              message: '下架成功',-->
<!--              type: 'success'-->
<!--            });-->
<!--          } else {-->
<!--            this.$message({-->
<!--              message: res.data.message,-->
<!--              type: 'error'-->
<!--            });-->
<!--          }-->
<!--          this.getProducts();-->
<!--        }).catch(res => {-->
<!--          this.$message({-->
<!--            message: "系统错误，请稍后重试!!!",-->
<!--            type: 'error'-->
<!--          });-->
<!--        })-->
<!--      }).catch(() => {-->
<!--      });-->
<!--    },-->
<!--  },-->

<!--  mounted() {-->
<!--    //页面加载完成之后会自动调用这个方法-->
<!--    this.getProducts();-->
<!--  }-->
<!--}-->

<!--</script>-->

<!--<style scoped>-->

<!--</style>-->